﻿.bar { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 30rpx 20rpx; padding: 10rpx;
    .barbtn { height: 30px; line-height: 30px; font-size: 12px; }
}
.week { display: flex; flex-direction: row; justify-content: space-between; padding: 20rpx; padding-left: 40rpx; padding-right: 40rpx; margin: 20rpx; border-radius: 10px; background-color: #fff; }
.myDateTable { margin: 2.5vw; padding: 2vw; border-radius: 10px; background: linear-gradient(#74AADA, #94db98);
    .dateCell { width: 11vw; margin: 1vw; display: inline-block; text-align: center; font-size: 16px;
        .cell { display: flex; border-radius: 50%; height: 11vw; justify-content: center; align-items: center; }
    }
}


.greenColor { color: #01b90b; font-weight: bold; }
.bgWhite { background-color: #fff; }
.bgGray { background-color: rgba(255, 255, 255, 0.42); }
.bgBlue { font-size: 14px; background-color: #4b95e6; }
.redColor { color: #ff0000; }

.TipArea { word-break: break-all; word-wrap: break-word; font-size: 14px; padding: 10px; }
.impTip { display: inline-block; color: #ff0000; }



.count { margin: 20rpx; padding: 30rpx; display: flex; text-align: center; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center;
    .daynumber { display: flex; flex-direction: row; justify-content: center;
        .day { margin-top: 50rpx; }
        .number { color: #fff; font-size: 60rpx; background-color: #94db98; width: 100rpx; height: 100rpx; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; margin: 20rpx; }
    }
    .monthSum { color: red; font-size: 40rpx; }
}


.count text { margin: 10rpx; }